<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ctx" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="page"/>
<!DOCTYPE html>
<html>
<head>
    <title>穿美在线鞋城</title>
    <link rel="stylesheet" href="${ctx}/css/templatemo_style.css"/> <!-- 页面整体布局样式定义 -->
    <link rel="stylesheet" href="${ctx}/css/ddsmoothmenu.css"/> <!-- 菜单样式定义 -->
    <link rel="stylesheet" href="${ctx}/css/nivo-slider.css" media="screen"/> <!-- 焦点图样式定义 -->

    <script type="text/javascript" src="${ctx}/js/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="${ctx}/js/jquery.nivo.slider.pack.js"></script> <!-- 焦点图JS脚本定义 -->

    <script type="text/javascript">
        var ctx = "${pageContext.request.contextPath}";

        function showUserName() {
            var name = "${user.username}";
            if (name != "") {
                $("#login").html(name);
                $("#exitP").show();
                $("#login").attr("href", ctx + "/user?flag=info&userId=${user.userid}");
            } else {
                $("#login").html("登录");
                $("#exitP").hide();
                $("#login").attr("href", ctx + "/user?flag=login");
            }
        }
    </script>
</head>

<body>
<div id="templatemo_body_wrapper">
    <div id="templatemo_wrapper">

        <!-- header -->
        <div id="templatemo_header">
            <div id="site_title"><h1><a href="${ctx}/ProductServlet">穿美在线鞋城</a></h1></div>
            <div id="header_right">
                <p>
                    <a href="${ctx}/user?flag=login" id="login">登录</a>&nbsp;
                    <span id="exitP" style="display: none"><a href="${ctx}/user?flag=logout" id="exit">注销</a></span>
                </p>
            </div>
            <div class="cleaner"></div>
        </div>
        <!-- END of templatemo_header -->


        <!-- menu -->
        <div id="templatemo_menubar">
            <div id="top_nav" class="ddsmoothmenu">
                <ul>
                    <li><a href="${ctx}/ProductServlet" class="selected">首页</a></li>
                    <li><a href="${ctx}/ProductCLServlet?action=pp&catid=">产品</a></li>
                    <li><a href="${ctx}/shoppingcartServlet?action=selectcar&userid=${user.userid}">我的购物车</a></li>
                    <li><a href="${ctx}/OrderServlet?action=dingdan">我的订单</a></li>
                </ul>
                <br style="clear: left"/>
            </div> <!-- end of ddsmoothmenu -->
        </div><!-- END of templatemo_menubar -->


        <!-- main -->
        <div id="templatemo_main">
            <!-- 侧边栏 -->
            <div id="sidebar" class="float_l">
                <!-- sidebar 1 -->
                <div class="sidebar_box"><span class="bottom"></span>
                    <h3>品牌</h3>
                    <div class="content">
                        <ul class="sidebar_list">
                            <ctx:forEach items="${list}" var="list">
                                <li>
                                    <a href="${ctx}/ProductCLServlet?action=pp&catid=${list.category_id}">${list.name}</a>
                                </li>
                            </ctx:forEach>
                        </ul>
                    </div>
                </div>
                <!-- sidebar 2 -->
                <div class="sidebar_box"><span class="bottom"></span>
                    <h3>热卖单品 </h3>
                    <div class="content">
                        <ctx:forEach items="${remai}" var="list">
                            <div class="bs_box">
                                <a href="${ctx}/ProductCLServlet?action=xq&prid=${list.product_id}"><img
                                        src='${ctx}/${list.imgpath}' alt="image" style="width:62px;height:72px"/></a>
                                <h4><a href="javascript:void(0);">${list.feature}</a></h4>
                                <p class="price">${list.price}</p>
                                <div class="cleaner"></div>
                            </div>
                        </ctx:forEach>
                    </div>
                </div>
            </div><!-- END of sidebar -->

            <!-- 内容展示区 -->
            <div id="content" class="float_r">
                <!-- 焦点图展示区-->
                <div id="slider-wrapper">
                    <div id="slider" class="nivoSlider">
                        <c:forEach items="${list3}" var="list3">
                        <a href="${ctx}/ProductCLServlet?action=xq&prid=${list3.product_id}"><img src="/${list3.imgpath}" title="${list3.description}"></a>
                    </c:forEach>
                </div>
            </div>
            <!-- 新品展示 -->
            <h1>新品上市</h1>
            <ctx:forEach items="${xinpin}" var="list">
                <div class="product_box">

                    <a href="${ctx}/ProductCLServlet?action=xq&prid=${list.product_id}"><img src='${list.imgpath}'
                                                                                             alt="Shoes 2"/></a>
                    <p>${list.feature}</p>
                    <p class="product_price">${list.price}</p>
                    <a href='${ctx}/shoppingcartServlet?action=shopcar&prid=${list.product_id}&quantity=1'
                       class="addtocart"></a>
                    <a href="${ctx}/ProductCLServlet?action=xq&prid=${list.product_id}" class="detail"></a>

                </div>
            </ctx:forEach>
        </div>
        <div class="cleaner"></div>
    </div><!-- END of templatemo_main -->


    <!-- footer -->
    <div id="templatemo_footer">
        <p>
            <a href="${ctx}/ProductServlet">首页</a> | <a href="${ctx}/ProductCLServlet?action=pp&catid=">产品</a> | <a href="${ctx}/shoppingcartServlet?action=selectcar&userid=${user.userid}">我的购物车</a> | <a href="">我的订单</a>
        </p>
        版权所有 (c) 2018 <a href="javascript:void(0);">金桥软件</a>
    </div><!-- END of templatemo_footer -->


</div><!-- END of templatemo_wrapper -->
</div><!-- END of templatemo_body_wrapper -->


<script type="text/javascript">
    $(function () {
        showUserName();
        $('#slider').nivoSlider();
    });
</script>
<script type="text/javascript" src="${ctx}/js/stock-check.js"></script> <!-- 添加购物车JS脚本定义 -->
</body>
</html>